<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue中列表渲染</title>
   <script type="text/javascript" src="vue.js"></script>
</head>
<body>
      <div id="app">
          <div v-for="(item,index)  in  list" :key="item.id">
            <div>{{item.title}} --{{index}}</div>
            <span>{{item.url}}</span>
          </div>
      </div>

      <script>
           var  vm   =  new Vue({
              el:'#app',
              data:{
                list:[
                  {
                  id:12,
                  title:"移动广告",
                  url:"wx.cms.test"
                  },
                  {
                    id:13,
                    title:"大屏广告",
                    url:"wx.ck.test"
                  },
                  {
                    id:14,
                    title:"开屏广告",
                    url:"wx.bk.test"
                  },
                ]
              }

           })
      </script>
</body>
</html>